<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/Products.css">
    <link rel="stylesheet" href="font3/download/font_di2kt70jul/iconfont.css">
    <link rel="stylesheet" href="font1/iconfont.css">
	<link rel="stylesheet" href="font/iconfont.css">
    <script src="js/jquery-3.4.1.min.js"></script>
    <script src="js/swiper.min.js"></script>
    <title>产品</title>
</head>
<body>
<!-- 头部 -->
<div class="head">
	<div class="top gWidth clearfix">
		<div class="logo fl">
			<img src="img/logo.png" alt="">
		</div>
		<div class="nav fl">
			<ul class="clearfix">
				<li><a href="index.html"><em class="fl">首页</em><span class="iconfont fl">&#xe508;</span></a></li>
				<li class="active"><a href="Product list.html"><em class="fl">产品</em><span class="iconfont fl">&#xe508;</span></a></li>
				<li><a href="activits.html"><em class="fl">新闻活动</em><span class="iconfont fl">&#xe508;</span></a></li>
				<li><a href="###"><em class="fl">会员系统</em><span class="iconfont fl">&#xe508;</span></a></li>
				<li><a href="guanyuyamaha.html"><em class="fl">关于雅马哈</em><span class="iconfont fl">&#xe508;</span></a></li>
			</ul>
		</div>
		<div class="sou fr">
			<input type="text" value=" ">
			<span class=" iconfont">&#xe501;</span>
		</div> 
	</div>
</div>
<!-- 产品 钢琴 -->
<div class="content gWidth">
    <p><a href="###">产品</a><span></span><a href="###">钢琴</a></p>
</div>
<!-- 钢琴 -->
<div class="content2 gWidth">
    <p class="p1">钢琴</p>
    <p class="p2">雅马哈钢琴，历经130余年的时光打磨，致力为广大音乐爱好者打造高品质钢琴，范围涵盖初学者使用的入门级别家用钢琴至大型音乐会三角演奏钢琴。雅马哈钢琴每一个部件都由雅马哈独立设计，雅马哈钢琴内部精密的组合技术体现了雅马哈常年经验积累的艺术及技术结晶，使每一架雅马哈钢琴被赋予了非凡的生命。</p>
</div>
<!-- 产品目录 -->
<div class="directory gWidth">
    <p class="p1">产品目录</p>
    <ul class="ul1 clearfix" id="ul1">
        <li class="active">
            <a href="###"><em>三角钢琴</em><span class="iconfont s1">&#xe508;</span><span class="iconfont s2">&#xe606;</span></a>
            <div class="text " id="text">
                <ul class="ul2 clearfix">
                    <li><a href="###">音乐会CF系列</a></li>
                    <li><a href="###">CX系列</a></li>
                    <li><a href="###">CX系列</a></li>
                    <li><a href="###">CX系列</a></li>
                    <li><a href="###">音乐会SX系列</a></li>
                    <li><a href="###">小型系列</a></li>
                </ul>
            </div>
        </li>
        <li>
            <a href="###"><em>立式钢琴</em><span class="iconfont  s1" >&#xe508;</span><span class="iconfont s2">&#xe606;</span></a>
            <div class="text">
                <ul class="ul2 clearfix">
                    <li><a href="###">音乐会CF系列</a></li>
                    <li><a href="###">CX系列</a></li>
                    <li><a href="###">CX系列</a></li>
                    <li><a href="###">CX系列</a></li>
                    <li><a href="###">音乐会SX系列</a></li>
                    <li><a href="###">小型系列</a></li>
                </ul>
            </div>
        </li>
        <li>
            <a href="###"><em>跨界钢琴</em><span class="iconfont  s1">&#xe508;</span><span class="iconfont s2">&#xe606;</span></a>
            <div class="text">
                <ul class="ul2 clearfix">
                    <li><a href="###">音乐会CF系列</a></li>
                    <li><a href="###">CX系列</a></li>
                    <li><a href="###">CX系列</a></li>
                    <li><a href="###">CX系列</a></li>
                    <li><a href="###">音乐会SX系列</a></li>
                    <li><a href="###">小型系列</a></li>
                </ul>
            </div>
        </li>
        <li>
            <a href="###"><em>立式钢琴</em><span class="iconfont s1">&#xe508;</span><span class="iconfont s2">&#xe606;</span></a>
            <div class="text">
                <ul class="ul2 clearfix">
                    <li><a href="###">音乐会CF系列</a></li>
                    <li><a href="###">CX系列</a></li>
                    <li><a href="###">CX系列</a></li>
                    <li><a href="###">CX系列</a></li>
                    <li><a href="###">音乐会SX系列</a></li>
                    <li><a href="###">小型系列</a></li>
                </ul>
            </div>
        </li>
    </ul>
    <ul class="ul3 clearfix">
        <li>
            <a href="Product details.html">
                <div class="img">
                    <img src="img/三角钢琴.png" alt="">
                </div>
                <div class="center">
                    <p class="p2">CFX系列</p>
                    <p class="p3">建议零售价: 1,600,000元</p>
                    <p class="p4">殿堂级音乐会三角钢琴CF系列旗舰产品CFX,拥有着卓越的声音，其穿透力可使声音响彻在音乐厅的每一处角落。既是雅马哈钢琴的顶点，又是新的原点。</p>
                </div>
            </a>
        </li>
        <li>
            <a href="Product details.html">
                <div class="img">
                    <img src="img/三角钢琴.png" alt="">
                </div>
                <div class="center">
                    <p class="p2">CFX系列</p>
                    <p class="p3">建议零售价: 1,600,000元</p>
                    <p class="p4">殿堂级音乐会三角钢琴CF系列旗舰产品CFX,拥有着卓越的声音，其穿透力可使声音响彻在音乐厅的每一处角落。既是雅马哈钢琴的顶点，又是新的原点。</p>
                </div>
            </a>
        </li>
        <li>
            <a href="Product details.html">
                <div class="img">
                    <img src="img/三角钢琴.png" alt="">
                </div>
                <div class="center">
                    <p class="p2">CFX系列</p>
                    <p class="p3">建议零售价: 1,600,000元</p>
                    <p class="p4">殿堂级音乐会三角钢琴CF系列旗舰产品CFX,拥有着卓越的声音，其穿透力可使声音响彻在音乐厅的每一处角落。既是雅马哈钢琴的顶点，又是新的原点。</p>
                </div>
            </a>
        </li>
    </ul>
</div>
<script>
    $('.ul1 li').click(function(){
        $('.ul1 li').removeClass('active')
        $(this).addClass('active')
        $('.text').removeClass('show')
        $('.text').eq($(this).index()).addClass('show')
    })
</script>
<!-- 应用场合 -->
<div class="applications gWidth">
    <p class="p1">应用场合</p>
    <ul class="clearfix">
        <li>
            <a href="Product details.html">
                <div class="img">
                    <img src="img/tu1.png" alt="">
                </div>
                <div class="center">
                    <p class="p2">现场扩声</p>
                    <p class="p3">实现多彩的音色与广泛的动态范围，不断追求更丰富的表现力</p>
                </div>
            </a>
        </li>
        <li>
            <a href="Product details.html">
                <div class="img">
                    <img src="img/tu2.png" alt="">
                </div>
                <div class="center">
                    <p class="p2">广播电视</p>
                    <p class="p3">雅马哈立式钢琴拥有丰富的样式，能够满足所有弹奏者的需求。无论是家庭练习用琴，还是专业院校的教育用琴，都深受广大用户的喜爱</p>
                </div>
            </a>
        </li>
        <li>
            <a href="Product details.html">
                <div class="img">
                    <img src="img/tu3.png" alt="">
                </div>
                <div class="center">
                    <p class="p2">音乐人</p>
                    <p class="p3">实现多彩的音色与广泛的动态范围，不断追求更丰富的表现力</p>
                </div>
            </a>
        </li>
    </ul>
</div>
<!-- 特别推荐 -->
<div class="recommend gWidth">
    <p class="p1">特别推荐</p>
    <ul class="clearfix">
        <li>
            <a href="Product details.html">
                <div class="img">
                    <img src="img/tu4.png" alt="">
                </div>
                <div class="center">
                    <p class="p2">DisklavierTM</p>
                    <p class="p3">Disklavier自动演奏钢琴。它是将光纤传感系统、高性能螺线管以及先进数字技术相结合的原声钢琴。</p>
                </div>
            </a>
        </li>
        <li>
            <a href="Product details.html">
                <div class="img">
                    <img src="img/tu5.png" alt="">
                </div>
                <div class="center">
                    <p class="p2">雅马哈钢琴历史</p>
                    <p class="p3">超越百年，成世界钢琴历史的传奇，品牌美誉,每弦每键为乐而生，雅马哈钢琴,从未停止的是面对新时代的理念和不断的自我完善。</p>
                </div>
            </a>
        </li>
        <li>
            <a href="Product details.html">
                <div class="img">
                    <img src="img/tu6.png" alt="">
                </div>
                <div class="center">
                    <p class="p2">贝森朵夫</p>
                    <p class="p3">1828年创办至今的贝森朵夫钢琴,依然在世界各地创造新的传奇故事</p>
                </div>
            </a>
        </li>
    </ul>
</div>

<div class="bottom"><img src="img/ditu.png" alt=""></div>
<!-- 底部 -->
<div class="footer">
    <div class="center gWidth">
        <ul class="ul1 clearfix">
            <li>
                <h5>产品</h5>
                <ul class="ul2">
                    <li><a href="###">钢琴</a></li>
                    <li><a href="###">电子键盘</a></li>
                    <li><a href="###">吉他</a></li>
                    <li><a href="###">爵士鼓</a></li>
                    <li><a href="###">管乐器</a></li>
                    <li><a href="###">弦乐器</a></li>
                    <li><a href="###">打击乐器</a></li>
                    <li><a href="###">弦乐器</a></li>
                </ul>
            </li>
            <li>
                <h5>音乐</h5>
                <ul class="ul2">
                    <li><a href="###">钢琴</a></li>
                    <li><a href="###">电子键盘</a></li>
                    <li><a href="###">吉他</a></li>
                </ul>
            </li>
            <li>
                <h5>客户问题</h5>
                <ul class="ul2">
                    <li><a href="###">常见的问题</a></li>
                    <li><a href="###">维修站查询</a></li>
                    <li><a href="###">下载与支持</a></li>
                </ul>
            </li>
            <li>
                <h5>关于我们</h5>
                <ul class="ul2">
                    <li><a href="###">关于雅马哈</a></li>
                </ul>
            </li>
        </ul>
        <div class="ul3">
            <h5>新闻活动</h5>
            <a href="###">新闻活动首页</a>
        </div>
        <p class="p1">
            &copy;Copyright diandongmark.com2019.All Rights Reserved备案号&nbsp;冀ICP备16018121号-4.
        </p>
    </div>
</div>
</body>
</html>